define(['jquery','localData/index','require','user/index'],function($,localData,require){
	return function(){

		var str =`

			<form action="">
				<label for="">姓名</label>
				<input type="text" name='name'/>
				<label for="">职位</label>
				<input type="text" name='position'/>
				<label for="">联系方式</label>
				<input type="text" name='phone'/>
				<button type='button' class='add'>提交</button>
			</form>
		`

		$('.content').unbind('click').on('click','.add',function(e){
			e.preventDefault()  
			console.log(e)
			// 把同步的表单变成了 异步的表单 接下来就可以进行我们一些自定义操作  校验
			var name1 = $(this).find('input[name=name]').val()
			var position = $(this).find('input[name=position]').val()
			var phone = $(this).find('input[name=phone]').val()
			// console.log(name,position,phone)
			localData.addList()

			// $('.menu ul li').eq(0).trigger('click')

			// 相互依赖    不允许直接调用  通过形参的方式调用   a b b a  形成递归  死循环  导致你浏览器崩溃
			// userIndex()

			require('user/index')()
			// 等同于  重新加载一下  userIndex()
			 // 下面是要回到 userIndex页面

		})
		$('.content').html(str)

		// 现在是一个同步提交 这个时候无法去做我们一些操作 阻止这个事情
	}
})

// 前端  是没有路由这样得概念  来自于 后端   restful  rest 

// 路由的意义：通过各个路由的url可以分辨出来功能  我们还可以进行 前进 后退

// 前端的路由实现方式     

// 第一种  是监听  window对象的haschange事件 




//   bind() es5   处理兼容问题   我现在就要bind 解决这个问题  //  


bind.prototype = {
// apply call 对这个方法重写 啊 
}

重新实现 这个bind   fn.bind()


// 第二种  是 H5的history popState/pushState

// vue-router    这2种都有 